<template><!-- 头部返回分享 -->
  <div class="headerPure">
    <div v-if="backShow" class="go-back" @click="back"></div>
    <div v-if="shareShow" class="share" @click="share"></div>
  </div>
</template>


<script>
  import fun from "@/util/function";

  export default {
    props: {
      handleInvitationCard: Function,
    },
    data() {
      return {
        backShow: true, // 返回按钮
        shareShow: false, // 分享按钮
      }
    },
    created() {
      if (window.terminal.isZxjtApp) {
        this.shareShow = true;
      }
    },
    mounted() {

    },
    methods: {
      back() {
        fun.liveBackFun();
      },
      share() {
        this.handleInvitationCard();
      },

    },

  }
</script>

<style scoped lang="less">
  .headerPure {
    height: 88px;
    width: 100%;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: absolute; */
    /* top: 0; */

    .go-back {
      width: 36px;
      height: 36px;
      background: url('../../../../../assets/images/pureVideo/back.png') no-repeat;
      background-size: 100%;
    }

    .share {
      width: 44px;
      height: 44px;
      background: url('../../../../../assets/images/pureVideo/share.png') no-repeat;
      background-size: 100%;
    }
  }
</style>